.g-wrap2 {position:relative; width:1200px; margin:0 auto;  height:100%; overflow:hidden;}


#header {position:relative; z-index:5; height:108px;width:100%; overflow-x:overflow; background:#fff;}
#nav_top {position:absolute; top:0; left:0; z-index:999; width:100%; height:108px; background:#fff;/*overflow: hidden;*/}

#logo {position:absolute; top:26px; left:0px; width:475px; height:108px; background:url(img/lgo.jpg?4) no-repeat 0 -25px;}

#nav {position:absolute; top:0; right:0px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1,#nav .n2,#nav .n3,#nav .n4,#nav .n5,#nav .n6,#nav .n7 {width:110px;}

#nav li a{position:relative; z-index:2; display:block; width:100%; height:100%; font-size:16px; line-height:108px; text-align:center; color:#333; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a:hover,#nav li a.on,#nav li a.onx{color:#435aa0;}

#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,#nav li a.onx .bkg,#nav li a:hover .bkg {top:0;}

/*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
#subNav {position:absolute; top:28px; left:0; z-index:888; width:100%; height:60px; }
#subNav .g-wrap {overflow:visible;}

#subNav .g-wrap .item {position:absolute; top:0; width:100%; height:60px; background:url("img/bg.png"); overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}


#subNav .g-wrap .on {top:80px; z-index: 2;}

#subNav .g-wrap .item a {float:left; padding:0 16px;font-size:14px; line-height:61px; color:#dfeaf0;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#fff;}
#subNav .g-wrap .item #on { color: #f63b2e;}